{include file="public/header" /}
<link rel="stylesheet" href="../../static/home/css/about.css">
    <div class="blog-body">
        <!-- 这个一般才是真正的主体内容 -->
        <div class="blog-container">
        	<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="index.html" title="网站首页">网站首页</a>
                <a><cite>关于本站</cite></a>
            </blockquote>
            <div class="blog-main">
                <div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
                    <ul class="layui-tab-title">
                        <li lay-id="1" class="layui-this">关于博客</li>
                        <li lay-id="2">关于作者</li>
                        <li lay-id="3" id="frinedlink">友情链接</li>
                        <li lay-id="4">留言墙</li>
                    </ul>
                    <div class="layui-tab-content">
                    	<div class="layui-tab-item layui-show">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                	<img alt="{$user.user_name}" src="/uploads/{$user.user_photo}" />
                                    <div><a class="long_wang animated fadeInLeftBig" href="">{$user.user_name}</a></div>
                                </div>
                                <p class="aboutinfo-introduce animated fadeInRightBig">一个实习程序员的个人博客，记录博主的学习,生活中的一些有趣的事，并分享编程方面技术和源码。</p>
                                <p class="aboutinfo-location animated fadeInLeftBig"><i class="fa fa-link"></i>&nbsp;&nbsp;<a target="_blank" href="">www.baidu.com</a></p>
                                <hr />
                                <div class="aboutinfo-contact animated fadeInRightBig">
                                    <a title="网站首页" href="/"><i class="fa fa-home fa-2x" style="font-size:2.5em;position:relative;top:3px"></i></a>
                                    <a title="文章专栏" href="/foreground/article"><i class="fa fa-file-text fa-2x"></i></a>
                                    <a title="杂七杂八" href="/foreground/mixed_pic"><i class="fa fa-paper-plane-o fa-2x"></i></a>
                                    <a title="点点滴滴" href="/foreground/timeline"><i class="fa fa-hourglass-half fa-2x"></i></a>
                                </div>

                                <fieldset class="layui-elem-field layui-field-title animated fadeInLeftBig">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract">
                                        <p style="text-align:center;">博客是一个由 WEB 前端开发的个人博客网站，诞生于2021年6月20日，前端页面使用“Absolutely”大神提供的前端模板页面，以及大量的LayerUI组件，网站架构使用springboot+spring date jpa+shiro+Redis+Tomcat架构 ，后台部分页面的布局使用fsLayui框架模板。目前大体的主要功能已经完成，后续将会继续完善功能和页面的优化！</p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于网站End-->
                        <div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                     <img src="/uploads/{$user.user_photo}"  />
                                </div>
                                <p class="aboutinfo-nickname">{$user.user_name}</p>
                                <p class="aboutinfo-introduce animated fadeInLeftBig">{$user.user_content}</p>
                                <p class="aboutinfo-location animated fadeInLeftBig"><i class="fa fa-location-arrow"></i>&nbsp;<span >{$user.user_address}</span></p>
                                <hr />
                                <div class="aboutinfo-contact animated bounceIn">
                                    <a target="_blank" title="QQ交流" href=""><i class="fa fa-qq fa-2x"></i></a>
                                    <a target="_blank" title="给我写信" href=""><i class="fa fa-envelope fa-2x"></i></a>
                                    <a target="_blank" title="新浪微博" href=""><i class="fa fa-weibo fa-2x"></i></a>
                                    <a target="_blank" title="后台管理" href=""><i class="fa fa-database fa-2x"></i></a>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated bounceInUp">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract abstract-bloger">
                                        <p style="text-align:center;">诞生于2000年，目前是一个开发实生，从事 web前端方向的研究和开发。</p>
                                        <h1>个人信息</h1>
                                        <p>一个喜欢旅游，喜欢在路上的感觉！喜欢民谣音乐的程序猿~(偶尔会跟大家分享一些好听的民谣音乐，在本站我也会推荐，喜欢的可以关注我的网易云，收藏我自己整理的歌单：海阔天空、光辉岁月)</p>
                                        <h1>个人介绍</h1>
                                        <p>暂无</p>
                                        <h1>未来</h1>
                                        <p>可期...</p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于作者End-->
                    	<div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="../../static/home/images/handshake.png" alt="友情链接" />
                                </div>
                                <p class="aboutinfo-nickname">友情链接</p>
                                <p class="aboutinfo-introduce">Name：Long博客&nbsp;&nbsp;&nbsp;&nbsp;Site：www.baidu.com</p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-close"></i>经常宕机&nbsp;
                                    <i class="fa fa-close"></i>不合法规&nbsp;
                                    <i class="fa fa-close"></i>插边球站&nbsp;
                                    <i class="fa fa-close"></i>红标报毒&nbsp;
                                    <i class="fa fa-check"></i>原创优先&nbsp;
                                    <i class="fa fa-check"></i>技术优先
                                </p>
                                <hr />
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">互换友链，携手并进！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated fadeInRightBig">
                                    <legend>Friend Link</legend>
                                    <div class="layui-field-box">
                                        <ul class="friendlink">
                                            {foreach $link as $v}
											<li>
											<a target="_blank" href="" title="{$v.link_name}" class="friendlink-item">
											<p class="friendlink-item-pic"></p>
											<p class="friendlink-item-title">{$v.link_name}</p>
											<p class="friendlink-item-domain">{$v.link_url}</p>
											</a>
											</li>
                                            {/foreach}
                                        </ul>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--友情链接End-->
                    	<div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="../../static/home/images/messagewall.png" alt="留言墙" />
                                </div>
                                <p class="aboutinfo-nickname">留言墙</p>
                                <p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-clock-o"></i>&nbsp;<span id="time"></span>
                                </p>
                                <hr />
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">沟通交流，拉近你我！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>Leave a message</legend>
                                    <div class="layui-field-box">
                                        <div class="leavemessage" style="text-align:initial">
                                            <form class="layui-form" action="{:url('index/index/guestbook')}"  method="post" >
                                                <input type="hidden" name="blog_id" value="" />
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label required">邮箱</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" id="postEmail" name="gue_email" class="layui-input" placeholder="请输入邮箱">
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label required">留言内容</label>
                                                    <div class="layui-input-block">
                                                        <textarea name="gue_content" lay-verify="content" id="remarkEditor" style="display: none;" placeholder="请输入留言内容" class="layui-textarea"></textarea>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage" id="guestbook">提交留言</button>
                                                    </div>
                                                </div>
                                            </form>
                                            <ul class="blog-comment" style="text-align:left;" id="messageList"></ul>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--留言墙End-->
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
{include file="public/footer" /}
<script>
    layui.use('layedit', function(){
        var layedit = layui.layedit;
        layedit.build('remarkEditor'); //建立编辑器
    });
    layui.use(['util', 'laydate', 'layer'], function(){
        var util = layui.util
            ,laydate = layui.laydate
            ,$ = layui.$
            ,layer = layui.layer;
        //XSS 过滤
        $('#guestbook').on('click', function(){ //监听按钮事件
            var str = util.escape($(' #LAY_layedit_1').val()); //执行 xss 过滤方法
            $('#LAY_layedit_1').val(str);
        });
    });
</script>